<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
		<title>f.g :: DANGEROOOOUS JUNGLE</title>
		<link rel="shortcut icon" href="../favicon.png" type="image/x-icon">
		<link href="../layout/style_pink.css" rel="stylesheet" type="text/css" media="all">
		<link href="../layout/style_shared.css" rel="stylesheet" type="text/css" media="all">
	</head>
	<body>
        <div class="navigation">
            <img class="icon" src="../favicon.png" alt="fear.garden">
            <a href="../index.html">index</a>
            <a href="https://nyarlathotep.atabook.org/">guestbook</a>
            <a href="mailto:nyar@fear.garden">email</a>
        </div>
        <div class="text">
            <!-- section -->
            <p class="center"><img src="img/banner_jungle.jpg" alt="DANGEROOOOUS JUNGLE" class="curved"></p>
            <h2 id="top">Page updated: 21 May 2025</h2>
            <p>AKA my HTML and CSS graveyard. I just wanted an excuse to use the title of one of my <a href="https://www.youtube.com/watch?v=DnTQ0PGBicA">favourite Laur songs</a> here.</p>
            <p>It's just things I'm done with and have decided to throw out there for fun bc I think some people may enjoy them, so don't expect much support from me. However, if there's any major issues please let me know -- my email is at the top of the page! Or on the flip side, if you liked anything please feel free to let me know on my guestbook. :]</p>
            <h2>Terms of use</h2>
            <ul>
                <li>Please have some basic knowledge of editing HTML and CSS! I will not be providing in-depth support</li>
                <li>You don't have to leave credit on the page -- I'd appreciate it if you at least left it in the CSS so other people can find the layouts too, but idc that much</li>
                <li>glhf</li>
            </ul>
            <hr>
            <!-- section -->
            <h2 id="layout-yourspace">Yourspace, a modern "Myspace" profile</h2>
            <p class="center">
                <a href="img/preview_yourspace.png"><img src="img/preview_yourspace.png" alt="Preview of Yourspace" width="360" class="curved"></a>
            </p>
            <p>Made from scratch with more modern CSS elements, and ditches the stupid outdated tables. Isn't compatible with old layouts as a result, but is way easier to customise to make up for it. Mobile responsive!</p>
            <p>I originally made this for personal use in 2019, and I've been messing around with it ever since. Quality is a bit meh, but hey, it works!</p>
            <p>Feel free to customise to your heart's content -- however, you will need basic HTML and CSS knowledge for this. Since this is just a code I was gonna waste I am not really offering support of any kind, but if you're super stuck feel free to email me and I can see what I can do.</p>
            <ul>
                <li><a href="https://feargarden.neocities.org/_demo/yourspace/">Live demo</a></li>
                <li><a href="https://archive.is/HafyW">Example usage</a></li> 
            </ul>
            <p>Like what you see?</p>
            <ul>
                <li><a href="https://pastebin.com/1gXwie6r">Pastebin with HTML and CSS combined, no images</a></li>
                <li><a href="files/yourspace.zip">.zip file with HTML and CSS seperated, includes layout images</a></li>
            </ul>
            <hr>
            <!-- section -->
            <h2 id="layout-neopets">Neopets user lookup</h2>
            <p>Coming soon...</p>
            <ul>
                <li>Demo</li>
                <li>Example usage</li> 
            </ul>
            <hr>
            <!-- section -->
        </div>
    </body>
</html>

